<template>

  <iframe :src="`/player/video.html?source=${source}`" frameborder="none" style="width: 100%; min-height: 650px" />

</template>

<script>

export default {
  name: 'VideoShow',
  props: {
    value: String
  },

  data() {
    return {
      source: ''
    }
  },

  watch: {
    value: {
      handler() {
        this.source = encodeURIComponent(this.value)
      }
    }
  },
  created() {
    this.source = encodeURIComponent(this.value)
  }
}
</script>
